﻿<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500&family=Roboto:wght@500;700;900&display=swap" rel="stylesheet">

<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">

<style>

    .lock-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #212529;
        display: flex;
        justify-content: center; 
        align-items: center; 
        z-index: 9999; 
        flex-direction: column; 
    }

    .lock-icon {
        font-size: 3em; 
        color: #c2c7d0;
        border: 2px solid #F6B53F;
        border-radius: 10px; 
        padding: 20px; 
    }

    .lock-welcome {
        color: #c2c7d0;
        font-size: 2em; 
        font-family: Heebo, sans-serif; 
        margin-bottom: 20px; 
    }






</style>